<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>$Title$</title>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.6.0.js"></script>
    <script>
        function a() {
            $.post({
                url: "${pageContext.request.contextPath}/a",
                data: {"name": $("#username").val()},
                /*这里就是使用JQuery将username的value的值取出来
                * 而且data是发送的数据请求,要使用JSON格式来写*/
                success: function (data) {
                    alert(data);
                    /*这里是如果成功提交就将返回的data提示出来*/
                },
                error: function () {
                    alert("a请求失败");
                }
            });
        }

        function b() {
            $.post({
                url: "${pageContext.request.contextPath}/b",
                data: {"name": $("#username").val()},
                /*这里就是使用JQuery将username的value的值取出来
                * 而且data是发送的数据请求,要使用JSON格式来写*/
                success: function (data) {
                    alert(data);
                    /*这里是如果成功提交就将data提示出来*/
                },
                error: function () {
                    alert("b请求失败");
                }
            });
        }
    </script>
</head>
<body>

<input type="text" id="username" onblur="a()">
<%--当用户在这个输入框失去焦点的时候会自动触发a方法--%>
<input type="text" id="username" onblur="b()">
</body>
</html>
